<template>
    <div class="footer">
        {{word}}
    </div>
</template>

<script>
    export default {
        name: 'Footer',
        data() {
            return {
                word: '',
                wordList: [
                    '悟已往之不谏，知来者之可追。实迷途其未远，觉今是而昨非。',
                    '半山腰总是拥挤的，你要去山顶看看。',
                    '只有对自己不将就，自己才会变得更优秀。',
                    '拒绝摆烂，卷起来。',
                    '每一种热爱，都值得全力以赴。',
                    '人生如逆旅，我亦是行人。',
                    '生而无畏，人类的最高品质便是勇气。',
                    '少年心怀乌托邦，心仍向阳肆生长。',
                    '平静的大海培养不出优秀的水手。',
                    '长风破浪会有时，直挂云帆济沧海。',
                ],
            }
        },
        methods: {
            getWord() {
                this.word = this.wordList[Math.floor(Math.random() * this.wordList.length)];
            },
        },
        watch: {
            $route() {
                this.getWord();
            }
        },
    }
</script>

<style scoped>
    .footer {
        text-align: center;
        line-height: 50px;
        font-size: 16px;
        background-color: #1abc9c;
        height: 50px;
        color: #fff;
    }
</style>